<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    <link rel="stylesheet" href="./css/index.css">
    <!-- 引入外部的js文件 -->
    <script src="./js/index.js"></script>
   
</head>
<body>
    <!-- shift + 1 : 自动生成html页面标签魔板 -->
    <!-- 音频 -->
    <audio id = "music" src="./music/game_music.mp3" autoplay = "autoplay" preload="auto"></audio>
    <audio id = "change" src="./music/game_music.mp3" autoplay = "autoplay" preload="auto"></audio>
    <!-- 游戏界面 -->
    <div id="container">
        <!-- 头部div -->
        <div id="head">
            <!-- logo图片 -->
            <img src="./img/head.jpg" alt="">
            <!-- 平行飞翔的小鸟 -->
            <span>
                   
            </span>
        </div>
        <!-- 分数div -->
        <div id="score" class="sco1">
            0
        </div>
        <!-- 开始按钮div -->
        <div id="start" class="sco1">
            <img src="./img/start.jpg" alt="" title="这是一个开始按钮">
        </div>

        <!-- 飞翔的小鸟本鸟 -->
        <div id="bird">
            <img src="./img/down_bird0.png" alt="">
        </div>

        <!-- 定义管道标签 -->
        <ul id="duct">
                
        </ul>

        <!-- 游戏结束的图片标签 -->
        <div id="gameover">
            <img src="./img/game_over.jpg" alt="">
        </div>
        
    </div>
</body>
</html>